<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>沂水旅游-我的攻略</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/static/layuiadmin/layui/css/layui.css">
    <link rel="stylesheet" href="/static/index/css/base.css">
    <link rel="stylesheet" href="/static/index/css/my.css">

</head>
<body>

{include file="public/header" model='other' /}
{include file="public/myheader" model='other' /}

<div class="my-box-width">

    <div class="apply-form">

        <div class="backToMyOther">
            <a href="{:url('my/other')}">
                <img src="/static/index/images/back-icon.png" alt="">返回上一页
            </a>
        </div>

        <div class="apply-form-box">
            <div class="apply-form-title">
                酒店/民宿入驻申请
            </div>

            <form action="" class="layui-form">


                <div class="form-kinds">

                    <div class="form-kinds-name">
                        酒店/民宿基本信息
                    </div>

                    <div class="form-info">

                        <div class="layui-form-item">

                            <label class="layui-form-label">*酒店/民宿名称：</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required  lay-verify="required" placeholder="填写酒店/民宿名称" autocomplete="off" class="layui-input">
                            </div>

                        </div>

                        <div class="layui-form-item">

                            <label class="layui-form-label">*酒店/民宿电话：</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required  lay-verify="required" placeholder="填写酒店/民宿电话" autocomplete="off" class="layui-input">
                            </div>

                        </div>

                        <div class="layui-form-item" id="area-picker">
                            <div class="layui-form-label">*酒店/民宿地址：</div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <select name="province" class="province-selector" data-value="" lay-filter="province-1">
                                    <option value="">请选择省</option>
                                </select>
                            </div>
                            <div class="layui-input-inline" style="width: 150px;">
                                <select name="city" class="city-selector" data-value="" lay-filter="city-1">
                                    <option value="">请选择市</option>
                                </select>
                            </div>
                            <div class="layui-input-inline" style="width:150px;">
                                <select name="county" class="county-selector" data-value="" lay-filter="county-1">
                                    <option value="">请选择区</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-form-item">

                            <label class="layui-form-label"></label>
                            <div class="layui-input-block" style="width: 470px">
                                <input type="text" name="title" required  lay-verify="required" placeholder="输入详细地址" autocomplete="off" class="layui-input">
                            </div>

                        </div>

                        <div class="layui-form-item">

                            <label class="layui-form-label">*联系人手机号：</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required  lay-verify="required" placeholder="此手机号用于接收结果通知" autocomplete="off" class="layui-input">
                            </div>

                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">*选择店铺类型：</label>
                            <div class="layui-input-block" style="width: 500px">
                                <input type="radio" name="sex" value="1" title="星级酒店">
                                <input type="radio" name="sex" value="2" title="民宿客栈" checked>
                                <input type="radio" name="sex" value="3" title="快捷宾馆">
                            </div>
                        </div>

                    </div>

                </div>

                <div class="form-kinds">

                    <div class="form-kinds-name">
                        酒店/民宿基本信息
                    </div>

                    <div class="form-info">

                        <div class="layui-form-item">
                            <label class="layui-form-label">*法人身份证照片：</label>
                            <div class="layui-input-block" style="width: 500px">
                                <a class="layui-btn apply-upload">本地上传</a>
                            </div>
                            <div class="layui-input-block upload-tips" style="width: 600px">
                                （请法人有效的正式身份证（<span>正面</span>），请确保上传图片清晰无任何遮挡。请注意，身份证件有效 期应不少于3个月；临时身份证和已过期的身
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <div class="layui-input-block" style="width: 500px">
                                <a class="layui-btn apply-upload">本地上传</a>
                            </div>
                            <div class="layui-input-block upload-tips" style="width: 600px">
                                （请法人有效的正式身份证（<span>背面</span>），请确保上传图片清晰无任何遮挡。请注意，身份证件有效 期应不少于3个月；临时身份证和已过期的身
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">*营业执照照片：</label>
                            <div class="layui-input-block" style="width: 500px">
                                <a class="layui-btn apply-upload">本地上传</a>
                            </div>
                            <div class="layui-input-block upload-tips" style="width: 600px">
                                (请在您的营业执照（正本或副本）的上传照片加盖企业公章后，正向上传，请确保上传图片清
                                晰无任何遮挡)
                            </div>
                        </div>

                        <div class="layui-form-item">
                            <label class="layui-form-label">*上传实景照片：</label>
                            <div class="layui-input-block" style="width: 500px">
                                <a class="layui-btn apply-upload">本地上传</a>
                            </div>
                            <div class="layui-input-block upload-tips" style="width: 600px">
                                （请上传酒店/民宿的门店实景照片，请确保上传图片清晰无任何遮挡)
                            </div>
                        </div>


                    </div>


                </div>

                <div class="submit-button">

                    <button class="layui-btn apply-submit" lay-submit lay-filter="formDemo">提交资料</button>

                </div>

            </form>
        </div>

    </div>

</div>

<div style="height: 100px"></div>

<script src="/static/layuiadmin/layui/layui.js"></script>
<script>
    var $ = layui.jquery;
        var layer = layui.layer
            , element = layui.element
            , layarea = layui.layarea
            , form = layui.form;

        layarea.render({
            elem: '#area-picker',
            data: {
                province: '',
                city: '',
                county: '',
            },
            change: function (res) {
                //选择结果
                console.log(res);
            }
        });
</script>

</body>
</html>